.header {
    width: 100%;
    height: 190px;
    background: url("../icon/icon_mine_back.png") no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    >div {
        position: relative;

        >img {
            width: 66px;
            height: 66px;
            border-radius: 66px;
        }

        >div {
            bottom: 5px;
            right: -100%;
            position: absolute;
            height: 18px;
            background-image: linear-gradient(53deg,
                #8e79ff 0%,
                #502dff 100%);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
            border-radius: 0 9px 9px 0;
            display: flex;
            align-items: center;
            padding-right: 10px;

            >img {
                margin-left: -13px;
                width: 26px;
                height: 26px;
            }

            span {
                padding-left: 5px;
                font-size: 11px;
                color: #ffffff;
            }
        }
    }

    >span {
        margin-top: 5px;
        font-size: 18px;
        color: #ffffff;
    }

    >a {
        margin-top: 10px;
        display: flex;
        align-items: center;
        border-radius: 13px;
        padding: 3px 10px;
        height: 30px;
        background-image: linear-gradient(36deg,
            #f5a623 0%,
            #f36a07 100%);
        border-radius: 15px;

        >img {
            width: 18px;
        }

        >span {
            margin-left: 5px;
            font-size: 14px;
            color: #ffffff;
        }
    }
}

.titile {
    margin-bottom: 10px;
    background: #f0effe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
    padding: 0 15px;

    >div:nth-of-type(1) {
        display: flex;
        align-items: center;

        >span:nth-of-type(1) {
            font-size: 15px;
            color: #666666;
        }

        >span:nth-of-type(2) {
            margin-left: 10px;
            font-family: PingFangSC-Regular;
            font-size: 18px;
            color: #333333;
        }
    }

    >div:nth-of-type(2) {
        display: flex;
        justify-content: center;
        align-items: center;

        >a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 60px;
            height: 25px;
            font-size: 14px;
            color: #ffffff;
            border-radius: 13px;
        }

        >a:nth-of-type(1) {
            background-image: linear-gradient(36deg,
                #55b8ff 0%,
                #4b70ff 100%);

        }

        >a:nth-of-type(2) {
            margin-left: 10px;
            background-image: linear-gradient(36deg,
                #f5a623 0%,
                #f36a07 100%);
        }
    }
}

.list {
    background: #f0effe !important;
}

.list::after {
    background-color: #cec9ff;
}
